<!DOCTYPE html>
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/jsp/common/mytags.jsp"%>
<title>系统管理界面</title>
<t:base type="jquery,lhgdialog"></t:base>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="static_resources/javascript/highcharts.js"></script>
<script type="text/javascript">
$(function () {
	//最新公告
		$.ajax({
					url:'sys/SysNotice/list',
					data:{comp:1,page:1,rows:8,sort:'field(notice_top,1,0),add_time desc','beanProxy[enable]':0},
					type:'post',
					dataType:'json',
					async:false,
					success:function(result){
						if(typeof(result)!='undefined' && result.state == 200){
							var aaData =  result['rows']; 
							if(typeof(aaData)!='undefined' && aaData.length>0){
								var newNotice = $('#newNotice'),length = aaData.length,max=length,str='';
								newNotice.empty();
								while(length>= 1){
									var row = aaData[max-length];
									str  = str + '<li><a href="jsp/sys/sys_notice_show.jsp?id='+row.id+'">'+(row.noticeTheme.length>20?(row.noticeTheme.substring(0,20)+'...'):row.noticeTheme)+'</a></li>';
									length--;
								}
								newNotice.append($(str));
							}

						}
					},
					complete:function(){
					}
				});
	
	
	//请求后台得到 当前时间 以及一个月以前的时间 按照天数排列成X轴 数组
	
	$.ajax({
					url:'sys/Other/indexHighchart',
					data:{},
					type:'post',
					dataType:'json',
					async:false,
					success:function(result){
						if(typeof(result)!='undefined' && result.state ==200){
							var aaData =  result.data; 
							var x = aaData['x'],y1 = aaData['y1'],y2 = aaData['y2'];
							 $('#container').highcharts({
							    	colors: ["#7cb5ec", "#f7a35c", "#90ee7e", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
							        title: {
							            text: '数据统计',
							            x: -20 //center
							        },
							        subtitle: {
							            text: 'www.jinyaod.com',
							            x: -20
							        },
							        xAxis: {
							            categories: x
							        },
							        yAxis: {
							            title: {
							                text: '贷款金额（万元）'
							            },
							            plotLines: [{
							                value: 0,
							                width: 1,
							                color: '#808080'
							            }]
							        },
							        tooltip: {
							            valueSuffix: '￥'
							        },
							        legend: {
							            layout: 'vertical',
							            align: 'right',
							            verticalAlign: 'middle',
							            borderWidth: 0
							        },
							        series: [{
							            name: '总放款',
							            data: y1
							        }, {
							            name: '已收款',
							            data: y2
							        }]
							    });

						}
					},
					complete:function(){
					}
				});
});
</script>

</head>


<body>

	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">首页</a></li>
    <li><a href="#">我的桌面</a></li>
    </ul>
    </div>
    
    
    <div class="mainbox">
    
    <div class="mainleft">
    
    
    <div class="leftinfo">
    	<div class="listtitle"><a href="#" class="more1">年</a><a href="#" class="more1">月</a><a href="#" class="more1">周</a>数据统计</div>

    	<div id="container" style="min-width:700px;height:245px"></div>
    </div>
    <!--leftinfo end-->
    
    
    <div class="leftinfos">
    
   
    <div class="infoleft">
    
    <div class="listtitle"><a href="#" class="more1">更多</a>待办事项</div>    
    <ul class="newlist">
	    <li><a href="#">刘茂林贷款100,000</a><b>09-09</b></li>
	    <li><a href="#">袁建文贷款50,000</a><b>10-08</b></li>
	    <li><a href="#">深圳市南江电气实业有限公司贷款10,000</a><b>10-09</b></li>
	    <li><a href="#">刘茂林贷款10,000</a><b>10-06</b></li>
    </ul>   
    
    </div>
    
    

    
    
    </div>
    
    
    </div>
    <!--mainleft end-->
    
    
    <div class="mainright">
    
    
    <div class="dflist">
    <div class="listtitle"><a href="#" class="more1">更多</a>最新信息</div>    
    <ul class="newlist"  id="newNotice">
    <li><a href="#">招商银行卡办理通知</a></li>
    <li><a href="#">***成功贷款**万，特此公告，以资鼓励！</a></li>
    <li><a href="#">***成功贷款**万，特此公告，以资鼓励！</a></li>
    <li><a href="#">***成功贷款**万，特此公告，以资鼓励！</a></li>
    <li><a href="#">***成功贷款**万，特此公告，以资鼓励！</a></li>
    <li><a href="#">***成功贷款**万，特此公告，以资鼓励！</a></li>
    <li><a href="#">***成功贷款**万，特此公告，以资鼓励！</a></li>
    <li><a href="#">***成功贷款**万，特此公告，以资鼓励！</a></li>
    <li><a href="#">***成功贷款**万，特此公告，以资鼓励！</a></li> 
    </ul>        
    </div>
    
    
   
    
    

    
    
    </div>
    <!--mainright end-->
    
    
    </div>



</body>

</html>